import React, { memo } from 'react'
import { NavBar } from "react-vant";
import { useNavigate } from "react-router";
import { Arrow } from '@react-vant/icons';
import style from './index.module.scss'
const Index:React.FC = memo(() => {
    const navigate = useNavigate();
  return (
    <div>
         <NavBar
        title="我的账户"
        leftText="返回"
        onClickLeft={() => navigate(-1)}
      />
        <div className={style.zhanghu}>
            <div className={style.zhanghu1}><span>总余额(元)</span></div>
            <div className={style.zhanghu2}><span onClick={()=>navigate('/zhanghuchakan')}>查看明细<Arrow  /></span></div>
        </div>
        <div className={style.zhanghuling}>
            <span>0</span>
        </div>
        <div className={style.zhanghuzhong}>
         <span>重要提醒:</span>
         <p>为提升服务体验，自2017.05.12起，退款至余额已
            优化直接退款至支付账号，如退款后您的支付账号为
            收到退款，请于30分钟后再次查看。如有异常情况，
            请联系春雨客服: 400-001-8855
        </p>
        </div>
    </div>
  )
})

export default Index